<%@ page contentType="text/html;charset=UTF-8" pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<html>
<head>
<meta charset="utf-8">
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
<link rel="stylesheet" type="text/css" href="${ctx}/static/plug/h-ui/css/H-ui.min.css" />
<link rel="stylesheet" type="text/css" href="${ctx}/static/plug/h-ui.admin/css/H-ui.admin.css" />
<link rel="stylesheet" type="text/css" href="${ctx}/static/plug/Hui-iconfont/1.0.8/iconfont.css" />
<link rel="stylesheet" type="text/css" href="${ctx}/static/plug/h-ui.admin/skin/default/skin.css" id="skin" />
<link rel="stylesheet" type="text/css" href="${ctx}/static/plug/h-ui.admin/css/style.css" />
<link rel="stylesheet" type="text/css" href="${ctx}/static/css/index/index.css" />
<style type="text/css">
.clas>li {
	border: 1px solid #fff;
	border-right: 0px;
	padding: 0 10px;
}
</style>
<title>票务管理系统</title>
</head>
<body>
	<header class="navbar-wrapper">
		<div class="navbar navbar-fixed-top">
			<div class="container-fluid cl">
				<div class="logo navbar-logo f-l mr-50 hidden-xs">综合票务系统</div>
				<div class="top-menu-div">
					<c:if test="${menuTree != null &&  fn:length(menuTree) > 0}">
						<c:forEach var="firstMenu" items="${menuTree}" varStatus="status">
							<c:if test="${status.first}">
								<div class="logo navbar-logo f-l hidden-xs top-menu top-menu-select" menuId="${firstMenu.id}">${firstMenu.name}</div>
							</c:if>
							<c:if test="${!status.first}">
								<div class="logo navbar-logo f-l hidden-xs top-menu" menuId="${firstMenu.id}">${firstMenu.name}</div>
							</c:if>
						</c:forEach>
					</c:if>
				</div>
				<nav id="Hui-userbar" class="nav navbar-nav navbar-userbar hidden-xs">
					<ul class="cl clas">
						<li class="dropDown dropDown_hover"><a href="#" class="dropDown_A">${user.entNo} <i class="Hui-iconfont">&#xe6d5;</i></a>
						
							<ul class="dropDown-menu menu radius box-shadow">
								<li><a href="javascript:;" onclick="addOrUpdate('修改密码','${ctx}/index/toModify','','410')">修改密码</a></li>
								<li><a href="${ctx}/index/exit">退出</a></li>
							</ul>
							
							
							
						</li>
					</ul>
				</nav>
			</div>
		</div>
	</header>
	<aside class="Hui-aside">
		<div class="menu_dropdown bk_2 menu-list">
			<c:if test="${menuTree != null &&  fn:length(menuTree) > 0}">
				<c:forEach var="firstMenu" items="${menuTree}" varStatus="fisrstStatus">
					<c:if test="${fisrstStatus.first}">
						<dl menuId="${firstMenu.id}" class="menu-div">
							<c:forEach var="secondMenu" items="${firstMenu.childTree}">
								<dt>
									${secondMenu.name} <i class="Hui-iconfont menu_dropdown-arrow">&#xe6d5;</i>
								</dt>
								<c:if test="${secondMenu.childTree != null &&  fn:length(secondMenu.childTree) > 0}">
									<dd>
										<ul>
											<c:forEach var="thirdMenu" items="${secondMenu.childTree}">
												<li><a data-href="${ctx}${thirdMenu.url}" data-title="${thirdMenu.name}" href="javascript:void(0)">${thirdMenu.name}</a></li>
											</c:forEach>
										</ul>
									</dd>
								</c:if>
							</c:forEach>
						</dl>
					</c:if>

					<c:if test="${!fisrstStatus.first}">
						<dl menuId="${firstMenu.id}" class="menu-div" style="display: none">
							<c:forEach var="secondMenu" items="${firstMenu.childTree}">
								<dt>
									${secondMenu.name} <i class="Hui-iconfont menu_dropdown-arrow">&#xe6d5;</i>
								</dt>
								<c:if test="${secondMenu.childTree != null &&  fn:length(secondMenu.childTree) > 0}">
									<dd>
										<ul>
											<c:forEach var="thirdMenu" items="${secondMenu.childTree}">
												<li><a data-href="${ctx}${thirdMenu.url}" data-title="${thirdMenu.name}" href="javascript:void(0)">${thirdMenu.name}</a></li>
											</c:forEach>
										</ul>
									</dd>
								</c:if>
							</c:forEach>
						</dl>
					</c:if>
				</c:forEach>
			</c:if>
		</div>
	</aside>
	<div class="dislpayArrow hidden-xs">
		<a class="pngfix" href="javascript:void(0);" onClick="displaynavbar(this)"></a>
	</div>
	<section class="Hui-article-box">
		<div id="Hui-tabNav" class="Hui-tabNav hidden-xs">
			<div class="Hui-tabNav-wp">
				<ul id="min_title_list" class="acrossTab cl">
					<li class="active"><span title="首页" data-href="${ctx}/static/welcome.html">首页</span> <em></em></li>
				</ul>
			</div>
			<div class="Hui-tabNav-more btn-group">
				<a id="js-tabNav-prev" class="btn radius btn-default size-S" href="javascript:;"><i class="Hui-iconfont">&#xe6d4;</i></a><a
					id="js-tabNav-next" class="btn radius btn-default size-S" href="javascript:;"><i class="Hui-iconfont">&#xe6d7;</i></a>
			</div>
		</div>
		<div id="iframe_box" class="Hui-article">
			<div class="show_iframe">
				<div style="display: none" class="loading"></div>
				<iframe scrolling="yes" frameborder="0" src="${ctx}/index/welcome"></iframe>
			</div>
		</div>
	</section>

	<div class="contextMenu" id="Huiadminmenu">
		<ul>
			<li id="closethis">关闭当前</li>
			<li id="closeall">关闭全部</li>
		</ul>
	</div>

	<!--请在下方写此页面业务相关的脚本-->
	<script type="text/javascript">
		$(function() {
			$(".top-menu-div > .top-menu").click(function(e) {
				if($(this).hasClass("top-menu-select")) {
					return;
				}
				
				$(".top-menu-div > .top-menu").each(function(){
					$(this).removeClass("top-menu-select");
				});
				
				$(this).addClass("top-menu-select");
				
				$(".menu-list > .menu-div").each(function(){
					$(this).hide();
				})
				
				
				
				
				var menuId = $(this).attr("menuId");
				$(".menu-list > .menu-div[menuId=" + menuId +"]").fadeIn();
				
				
				
				$(".menu-list > .menu-div[menuId=" + menuId +"] > dt").first().addClass("selected");
				$(".menu-list > .menu-div[menuId=" + menuId +"] > dd").show();

				
				$(".menu-list > .menu-div[menuId=" + menuId +"] > dd > ul > li:first > a").click();
				
				
			});
		})
		
		function exit() {
				layer.confirm("密码修改成功请重新登陆", {btn : [ '确定' ]}, function(index) {
					window.location.href='${ctx}/index/exit';
				}, function() {
					window.location.href='${ctx}/index/exit';
				});
			}
	</script>
</body>
</html>
